<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Parallax Website Demo</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <div class="pimg1">
    <div class="ptext">
      <span class="border">
        Title
      </span>
    </div>
  </div>

  <section class="section section-light">
    <h2>Section One Title</h2>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deserunt corporis voluptate cum ipsum, officiis aliquam quas sequi voluptatum sint accusantium ullam laborum eaque doloremque dicta consectetur iste? Libero nam qui repellendus ab voluptas non in esse, incidunt modi minus molestiae ducimus adipisci dolorem blanditiis corrupti. Quidem nulla neque distinctio dolorem voluptate? Perferendis facere officia saepe dolor, ab voluptates eius eum inventore quod impedit suscipit veniam. Nesciunt quia quae quos quod rem nulla tenetur eligendi?
    </p>
  </section>

  <div class="pimg2">
    <div class="ptext">
      <span class="border trans">
        Text goes here
      </span>
    </div>
  </div>

  <section class="section section-dark">
    <h2>Section Two title</h2>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum esse natus sint quis ipsam illo a ipsa quidem at recusandae molestias rem deleniti, nam molestiae numquam eveniet accusamus quaerat? Harum sapiente, nesciunt magnam rem quia ratione fugit aut architecto cum ducimus incidunt iusto officiis soluta suscipit doloremque, eveniet ex eos molestiae aperiam ipsum ad fuga? Repellendus ipsa veritatis beatae iusto eveniet. Tenetur similique iste corporis et quaerat sequi voluptatibus, magni perferendis. Quae natus neque vel.
    </p>
  </section>

  <div class="pimg3">
    <div class="ptext">
      <span class="border trans">
        Text goes here
      </span>
    </div>
  </div>

  <section class="section section-dark">
    <h2>Section Three Title</h2>
    <p>
     Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae in maxime ipsam nulla eveniet earum ad dolore voluptatibus sapiente odit soluta dolorum labore totam eos et voluptatem, fugiat perferendis sit saepe quam pariatur optio dolor enim. Commodi eveniet, unde dolore nobis consectetur illo, consequuntur alias deleniti, maiores doloribus minima ducimus atque. Iusto voluptates sit corporis reiciendis fugiat. Magni quidem cumque maxime iste distinctio alias praesentium molestias ab! Illum ut sunt possimus tempore autem dolore similique!
    </p>
  </section>

  <div class="pimg1">
    <div class="ptext">
      <span class="border">
        Thank you
      </span>
    </div>
  </div>
</body>
</html>
